import React from 'react'
import classNames from 'classnames'
import styles from './index.module.scss'
const index = ({ className, extra, onExtraClick, ...rest }) => {
  return (
    <div className={classNames(styles['input-box'], className)}>
      <input className='input' {...rest} />
      {extra && (
        <div className='extra' onClick={onExtraClick}>
          {extra}
        </div>
      )}
    </div>
  )
}
export default index
